<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2016/6/28 0028
  Time: 15:00
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
        <!-- 全屏 -->
        <meta name="apple-mobile-web-app-capable" content="yes"/>
        <!-- 上方栏显示 -->
        <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
        <!-- 不自动识别号码 -->
        <meta name="format-detection" content="telephone=no">
    <link href="${ctx}/assets/public_skin/css/reset.css" rel="stylesheet">
    <link href="${ctx}/assets/public_skin/css/shop_style.css" rel="stylesheet">
    <script src="${ctx}/assets/public_skin/js/jquery-1.11.1.min.js" type="text/javascript"></script>
    <script src="${ctx}/assets/public_skin/js/shop.common.js" type="text/javascript"></script>
    <script src="${ctx}/assets/public_skin/js/jquery.touchSlider.js"type="text/javascript" ></script>
        <title>首页</title>
    <script>
        //方法启用
        $(function () {
            $.Dashenslider(".main_visual", ".main_image", ".flicking_con a", "#btn_prev", "#btn_next", "on", 5000);//首页幻灯片
            $.Dashentab(".tab_menu .mt", "span", ".tab_menu .mc", ".item", "curr", "click", 0);
        })
    </script>
</head>
<body>
<header>
    <h1 class="new_logo">首页</h1>
</header>
<div class="viewports">
    <article>
        <!--star 首页幻灯片-->

        <div class="main_visual">

            <div class="flicking_con">
                <c:forEach var="item" items="${bannerList}">
                    <a href="#"></a>
                </c:forEach>
            </div>
            <div class="main_image">
                <ul>
                    <c:forEach var="item" items="${bannerList}">
                        <li><a href="javascript:;"><span style="background-image:url(${item.image});"></span></a></li>
                    </c:forEach>
                </ul>
                <a href="javascript:;" class="slide-btn" id="btn_prev"></a>
                <a href="javascript:;" class="slide-btn" id="btn_next"></a>
            </div>
        </div>

        <!--star 今日新品-->
        <div class="mtcBox mt15 b-ffffff">
            <div class="mt ptb20"><span class="pl20 c-cb1448">全部商品&nbsp;&nbsp;&nbsp;</span></div>
            <div class="mc plr20">
                <c:forEach var="item" items="${pProductList}">
                    <ul class="news_product_list">
                        <li>
                            <a href="${ctx}/goods/getGoodsInformation?pid=${item.productId}">
                                <div class="t_img odr">
                                    <img height="120px" src="${item.productMainImage}">
                                    <span class="pire b-ff0000 r10">￥${item.salePrice}</span>
                                </div>
                                <div cla1ss="t_info">
                                    <div class="name">${item.productName}</div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </c:forEach>
            </div>
        </div>
    </article>
    <div class="foo_nav">
        <div class="layout-box">
            <div class="box-col"><a class="hover" href="${ctx}/home"><i class="i_home"></i>首页</a></div>
            <div class="box-col"><a href="page~id=1.html"><i class="i_services"></i>服务</a></div>
            <div class="box-col"><a href="${ctx}/my"><i class="i_my"></i>我的</a></div>
        </div>
    </div>
</div>
</body>
</html>
